<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Flinkhub | 关系智能平台</title>
    <link rel="icon" href="https://flinkhub.com/assets/img/favicon.png">
    <link href="http://netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="css/public.css">
</head>
<body>
    <!-- 导航栏 -->
    <nav class="topbar">
        <div class="topbar-backdrop">
            <i class="fa fa-remove"></i>
        </div>
        <div class="containers">
            <div class="topbar-header">
                <button type="button" class="topbar-toggle">☰</button>
                <a class="topbar-brand" href="#">
                    <img class="logo-default" src="img/logo.png" alt="">
                    <img class="logo-inverse" src="img/logo-light.png" alt="">
                </a>
            </div>
            <div class="topbar-collapse">
                <ul class="topbar-nav">
                    <li><a href="#">对于软件公司</a></li>
                    <li><a href="#">对于销售合作伙伴</a></li>
                </ul>
                <button type="button" class="primary">登录</button>
            </div>
        </div>
    </nav>
    <!-- 头部 -->
    <header class="header">
        <div class="container-wide text-center">
            <div class="top">
                <h1>使用关系智能 覆盖80,268家公司</h1>
                <div class="search">
                    <div class="input-group">
                        <input type="text" placeholder="Enter website address. For e.g. google.com">
                        <span class="glyphicon glyphicon-search"></span>
                    </div>
                    <div class="search-buttons text-center">
                        <button type="button" class="primary">查找连接</button>
                        <button type="button" class="primary">查看资料</button>
                    </div>
                </div>
            </div>
            <div class="btm text-center">
                <a href="javascript:;"></a>
            </div>
        </div>
    </header>
    <!-- 主体部分 -->
    <main class="main-content">
        <section class="section b-b p0">
            <div class="container-wide">
                <div class="row">
                     <div class="section-con section-left col-sm-6 col-xs-12">
                        <div class="w100"><h1>软件公司</h1></div>
                        <div class="w100"><p>查找或授权渠道销售合作伙伴以增加销售额</p></div>
                        <div class="w100"><button type="button" class="btn">开始吧</button></div>
                    </div>
                    <div class="section-con section-right col-sm-6 col-xs-12">
                        <div class="w100"><h1>销售合作伙伴</h1></div>
                        <div class="w100"><p>向我的扩展网络中的公司销售全球产品</p></div>
                        <div class="w100"><button type="button" class="btn">开始吧</button></div>
                    </div>
                </div>
            </div>
        </section>
        <section class="section">
            <div class="container">
                <header class="section-header">
                    <h2>面向21世纪的销售平台。</h2>
                    <p>这个怎么运作?</p>
                </header>
                <div class="row align-items-center mb90">
                    <div class="col-sm-6 col-xs-12 text-center hidden-sm-down">
                        <img src="img/welcome.png" alt="">
                    </div>
                    <div class="col-sm-6 col-xs-12 offset-md-1 text-center text-md-left">
                        <p class="fs-60 fw-900 opacity-20">01</p>
                        <h3>注册我们</h3>
                        <p>完成产品注册的所有步骤后，将手动验证您的个人资料。完成后，您的产品将可供我们平台上的所有销售合作伙伴销售。</p>
                    </div>
                </div>
                <div class="row align-items-center mb90">
                    <div class="col-sm-6 col-xs-12 text-center text-md-left">
                        <p class="fs-60 fw-900 opacity-20">02</p>
                        <h3>销售合作伙伴了解您的产品</h3>
                        <p>彻底审查销售合作伙伴，了解您的产品，并开始接触其产品解决问题的网络和地理位置的公司。我们的AI勘探工具可以方便地进行更好的勘探</p>
                    </div>
                    <div class="col-sm-6 col-xs-12 offset-md-1 text-center hidden-sm-down">
                        <img src="img/learn.png" alt="">
                    </div>
                </div>
                <div class="row align-items-center mb90">
                    <div class="col-sm-6 col-xs-12 text-center hidden-sm-down">
                        <img src="img/nurture.png" alt="">
                    </div>
                    <div class="col-sm-6 col-xs-12 offset-md-1 text-center text-md-left">
                        <p class="fs-60 fw-900 opacity-20">03</p>
                        <h3>领导培育和交易结束</h3>
                        <p>销售合作伙伴通过Flinkhub的协作AI和工具帮助买方解决您的产品正在解决的问题并部署产品。 </p>
                    </div>
                </div>
                <div class="row align-items-center mb90">
                    <div class="col-sm-6 col-xs-12 text-center text-md-left">
                        <p class="fs-60 fw-900 opacity-20">04</p>
                        <h3>交易完成</h3>
                        <p>产品售出后，您可以按月或按年支付佣金，具体取决于交易，我们的销售合作伙伴可随时满足买家的需求，让您的客户满意。</p>
                    </div>
                    <div class="col-sm-6 col-xs-12 offset-md-1 text-center hidden-sm-down">
                        <img src="img/dealdone.png" alt="">
                    </div>
                </div>
            </div>
        </section>
        <section class="section bg-gray">
            <div class="container">
                <header class="section-header">
                    <h2>褒奖</h2>
                    <br>
                    <p class="lead">客户对我们的评价</p>
                </header>
                <div class="swiper-container swiper-container-horizontal">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <blockquote class="blockquote">
                                <p class="lead">我们是人工智能研究人员和技术人员的小团队。我们有一点预算聘请销售和营销专业人士。Flinkhub来救援并向我们介绍了那些准备好进行收益分享的优秀销售人员。现在，我们可以专注于做我们最擅长的事情！</p>
                                <br>
                                <div>
                                    <img class="avatar" src="img/05.jpg" alt="">
                                </div>
                                <footer>Raman Shrivastava / Marax AI</footer>
                            </blockquote>
                        </div>
                        <div class="swiper-slide">
                            <blockquote class="blockquote">
                                <p class="lead">作为经销商，我过去花费大量时间寻找合适的客户。获取有关公司的详细信息是一项挑战。Flinkhub为我提供了我附近优先考虑的前景，我有更高的获胜机会。现在这已经变得毫无疑问了。</p>
                                <br>
                                <div>
                                    <img class="avatar" src="img/nishant.jpg" alt="">
                                </div>
                                <footer>Nishant Singh / Searce</footer>
                            </blockquote>
                        </div>
                    </div>
                    <div class="swiper-pagination"></div>
                </div>
            </div>
        </section>
        <section class="section">
            <div class="container">
                <header class="section-header">
                    <h2>伙伴</h2>
                    <hr>
                    <p class="lead">使用我们的全球平台加入数千名满意的客户。</p>
                </header>
                <div class="partner">
                    <img class="greyscale" style="width:10%;" src="img/webscale.png" alt="">
                    <img class="greyscale" style="width:11%;" src="img/flock.png" alt="">
                    <img class="greyscale" style="width:18%;" src="img/mazax.png" alt="">
                    <img class="greyscale" style="width:13%;" src="img/fyle.png" alt="">
                </div>
            </div>
        </section>
    </main>
    <!-- 底部 -->
    <footer class="site-footer">
        <div class="container">
            <div class="row gap-y">
                <div class="col-md-3 col-sm-12 col-xs-12">
                    <h6 class="heading-alt text-uppercase fs-14 mb-16">
                        <img src="img/logo.png" alt="">
                    </h6>
                    <p class="fs-13">Flinkhub帮助B2B软件公司通过由关系智能支持的仅限佣金的销售合作伙伴网络销售其产品。</p>
                    <br>
                    <p class="text-light">版权所有©2018 <a class="text-light" href="javascript:;">Flinkhub Inc</a> .。版权所有。</p>
                </div>
                <div class="col-md-3 col-sm-4 col-xs-6">
                    <ul class="list">
                        <li><a href="javascript:;">主页</a></li>
                        <li><a href="javascript:;">招贤纳士</a></li>
                        <li><a href="javascript:;">常见问题</a></li>
                        <li><a href="javascript:;">联系</a></li>
                    </ul>
                </div>
                <div class="col-md-3 col-sm-4 col-xs-6">
                    <ul class="list">
                        <li><a href="javascript:;">关于</a></li>
                        <li><a href="javascript:;">隐私政策</a></li>
                        <li><a href="javascript:;">条款和条件</a></li>
                        <li><a href="javascript:;">积分</a></li>
                    </ul>
                </div>
                <div class="col-md-3 col-sm-4 col-xs-12">
                    <h6 class="heading-alt text-uppercase fs-14 mb-3">订阅</h6>
                    <form action="">
                        <div class="input-group">
                            <span class="input-group-addon">
                                <i class="fa fa-envelope"></i>
                            </span>
                            <input type="text" class="form-control" placeholder="Email Address">
                            <span class="input-group-btn">
                                    <button type="button" class="primary">发送</button>
                            </span>
                        </div>
                    </form>
                    <hr>
                    <div class="social text-center">
                        <a href="javascript:;">
                            <i class="fa fa-facebook"></i>
                        </a>
                        <a href="javascript:;">
                            <i class="fa fa-twitter"></i>
                        </a>
                        <a href="javascript:;">
                            <i class="fa fa-instagram"></i>
                        </a>
                        <a href="javascript:;">
                            <i class="fa fa-linkedin"></i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </footer>
</body>
<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/swiper.animate1.0.3.min.js"></script>
<script>
    var mySwiper = new Swiper ('.swiper-container', {
        loop: true, // 循环模式选项
        
        // 如果需要分页器
        pagination: {
            el: '.swiper-pagination',
            clickable :true,
        },
    })

    $(document).scroll(function(){
        if($(document).scrollTop() > 0){
            $('.topbar').addClass('topbar-sticky');
        }else{
            $('.topbar').removeClass('topbar-sticky');
        }
    })
    $('.topbar-toggle').on('click',function(){
        $('.topbar-backdrop').show();
        $('.topbar-nav').css('left',0);
    })
    $('.topbar-backdrop').on('click',function(){
        $('.topbar-backdrop').hide();
        $('.topbar-nav').css('left',-300+'px');
    })
    $('.btm>a').on('click',function(){
        $('body,html').animate({
            scrollTop:$(window).height() - 60
        },500);
    })
</script>
</html>